<template>
  <dv-active-ring-chart :config="conf" :style="{ width: width, height: height }" />
</template>
<script setup>
const props = defineProps({
  width: {
    type: String,
    default: "300px",
  },
  height: {
    type: String,
    default: "300px",
  },
  lineWidth: {
    type: Number,
    default: 24,
  },
});

const conf = reactive({
  lineWidth: props.lineWidth,
  digitalFlopStyle: {
    fill: "pink",
  },
  data: [
    {
      name: "杭州",
      value: 98,
    },
    {
      name: "金华",
      value: 150,
    },
    {
      name: "宁波",
      value: 62,
    },
    {
      name: "太原",
      value: 54,
    },
  ],
});
</script>
